<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta content="width=device-width" name="viewport"/>

    <style>body {
        width: 100% !important;
        min-width: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        margin: 0;
        padding: 0;
    }

    img {
        outline: none;
        text-decoration: none;
        -ms-interpolation-mode: bicubic;
        width: auto;
        float: left;
        clear: both;
        display: block;
    }

    body {
        color: #222222;
        font-family: "Helvetica", "Arial", sans-serif;
        font-weight: normal;
        padding: 0;
        margin: 0;
        text-align: left;
        line-height: 1.3;
    }

    body {
        font-size: 14px;
        line-height: 19px;
    }

    a:hover {
        color: #2795b6 !important;
    }

    a:active {
        color: #2795b6 !important;
    }

    a:visited {
        color: #2ba6cb !important;
    }

    body {
        font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: none;
    }

    a:hover {
        color: #ff8f2b !important;
    }

    a:active {
        color: #F2821E !important;
    }

    a:visited {
        color: #E67612 !important;
    }

    .better-button:hover a {
        color: #FFFFFF !important;
        background-color: #F2821E;
        border: 1px solid #F2821E;
    }

    .better-button:visited a {
        color: #FFFFFF !important;
    }

    .better-button:active a {
        color: #FFFFFF !important;
    }

    .better-button-alt:hover a {
        color: #ff8f2b !important;
        background-color: #DDDDDD;
        border: 1px solid #F2821E;
    }

    .better-button-alt:visited a {
        color: #ff8f2b !important;
    }

    .better-button-alt:active a {
        color: #ff8f2b !important;
    }

    body {
        height: 100% !important;
        width: 100% !important;
    }

    body .copy {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    .ExternalClass {
        width: 100%;
    }

    .ExternalClass {
        line-height: 100%;
    }

    img {
        -ms-interpolation-mode: bicubic;
    }

    img {
        border: 0 !important;
        outline: none !important;
        text-decoration: none !important;
    }

    a:hover {
        text-decoration: underline;
    }

    @media only screen and (max-width: 600px) {
        table[class="body"] center {
            min-width: 0 !important;
        }

        table[class="body"] .container {
            width: 95% !important;
        }

        table[class="body"] .row {
            width: 100% !important;
            display: block !important;
        }

        table[class="body"] .wrapper {
            display: block !important;
            padding-right: 0 !important;
        }

        table[class="body"] .columns {
            table-layout: fixed !important;
            float: none !important;
            width: 100% !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
            display: block !important;
        }

        table[class="body"] table.columns td {
            width: 100% !important;
        }

        table[class="body"] .columns td.six {
            width: 50% !important;
        }

        table[class="body"] .columns td.twelve {
            width: 100% !important;
        }

        table[class="body"] table.columns td.expander {
            width: 1px !important;
        }

        .logo {
            margin-left: 10px;
        }
    }

    @media (max-width: 600px) {
        table[class="email-container"] {
            width: 95% !important;
        }

        img[class="fluid"] {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            margin: auto !important;
        }

        img[class="fluid-centered"] {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            margin: auto !important;
        }

        img[class="fluid-centered"] {
            margin: auto !important;
        }

        td[class="comms-content"] {
            padding: 20px !important;
        }

        td[class="stack-column"] {
            display: block !important;
            width: 100% !important;
            direction: ltr !important;
        }

        td[class="stack-column-center"] {
            display: block !important;
            width: 100% !important;
            direction: ltr !important;
        }

        td[class="stack-column-center"] {
            text-align: center !important;
        }

        td[class="copy"] {
            font-size: 14px !important;
            line-height: 24px !important;
            padding: 0 30px !important;
        }

        td[class="copy -center"] {
            font-size: 14px !important;
            line-height: 24px !important;
            padding: 0 30px !important;
        }

        td[class="copy -bold"] {
            font-size: 14px !important;
            line-height: 24px !important;
            padding: 0 30px !important;
        }

        td[class="small-text"] {
            font-size: 14px !important;
            line-height: 24px !important;
            padding: 0 30px !important;
        }

        td[class="mini-centered-text"] {
            font-size: 14px !important;
            line-height: 24px !important;
            padding: 15px 30px !important;
        }

        td[class="copy -padd"] {
            padding: 0 40px !important;
        }

        span[class="sep"] {
            display: none !important;
        }

        td[class="mb-hide"] {
            display: none !important;
            height: 0 !important;
        }

        td[class="spacer mb-shorten"] {
            height: 25px !important;
        }

        .two-up td {
            width: 270px;
        }
    }
    </style>
</head>
<body bgcolor="#2e2e2e" class="main" leftmargin="0" marginheight="0" marginwidth="0"
      style="height: 100% !important; width: 100% !important; min-width: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; margin: 0 auto; padding: 0;"
      topmargin="0">

<table bgcolor="#2e2e2e"
       class="body"
       style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;">
    <tr align="left" style="vertical-align: top; padding: 0;">
        <td align="center" class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;"
            valign="top">
            <center style="width: 100%; min-width: 580px;">
                <table class="row header"
                       style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; margin-top: 25px; margin-bottom: 25px; padding: 0px;">
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="center" class="center"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;"
                            valign="top">
                            <center style="width: 100%; min-width: 580px;">

                                <table class="container"
                                       style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;">
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="left"
                                            class="wrapper last"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 10px 0px 0px;" valign="top">

                                            <table class="twelve columns"
                                                   style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
                                                <tr align="left" style="vertical-align: top; padding: 0;">
                                                    <td align="center"
                                                        class="twelve sub-columns center"
                                                        style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; min-width: 0px; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0px 10px 10px 0px;" valign="top">
                                                        <img align="none"
                                                             class="logo"
                                                             src=""
                                                             style="display: inline; outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; clear: both; border-width: 0;"
                                                             width="80%"/>
                                                    </td>
                                                    <td align="left"
                                                        class="expander"
                                                        style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top"></td>
                                                </tr>
                                            </table>

                                        </td>
                                    </tr>
                                </table>

                            </center>
                        </td>
                    </tr>
                </table>

                <table bgcolor="#efefef"
                       class="container"
                       style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;" width="600">
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left" class="spacer mb-shorten"
                            height="2"
                            style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-image: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0; border-width: 0;" valign="top"></td>
                    </tr>
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="center"
                            class="mini-centered-text"
                            style="color: #343b41; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 25px 35px; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif;" valign="top">

                            <div>

                                {{Subject .Subject "{{.Title}}"}}

                                {{ define "alert" }}

                                {{if ne .ImageURL "" }}
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 24px 0 0;" valign="top">
                            <img align="left" alt="Alerting Panel" class="fluid-centered"
                                 src="{{.ImageURL}}"
                                 style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; border: 0;"/>
                        </td>
                    </tr>
                    {{end}}
                    {{if ne .EmbeddedImage "" }}
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 24px 0 0;" valign="top">
                            <img align="left" alt="Alerting Chart Attached Below"
                                 src="cid:{{.EmbeddedImage}}"
                                 style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: auto; clear: both; display: block; border: 0;"/>
                        </td>
                    </tr>
                    {{end}}
                    {{ if gt (len .Annotations.SortedPairs) 0 }}
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left" class="annotations"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 24px 0 12px;" valign="top">
                            {{ range .Annotations.SortedPairs }}
                            <p align="left"
                               style="color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0 0 10px; padding: 0;"><span class="annotations-heading"
                                                  style="font-weight: bold; text-transform: capitalize;">{{ .Name }}:</span>
                                <span class="annotations-value" style="padding-left: 8px;">{{ .Value }}</span></p>
                            {{ end }}
                        </td>
                    </tr>
                    {{ end }}
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top">
                            <span class="labels-heading"
                                  style="font-size: 14px; font-weight: bold; vertical-align: top; display: inline-block;">Labels:</span>
                            <ul class="labels-list"
                                style="font-size: 14px; vertical-align: top; display: inline-block; padding-left: 8px; margin: 0;">
                                {{ range .Labels.SortedPairs }}
                                <li>{{ .Name }}: {{ .Value }}</li>
                                {{ end }}
                            </ul>
                        </td>
                    </tr>
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left" class="actions"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 24px 0 12px;" valign="top">
                            {{ if .SilenceURL }}
                            <a class="button" href="{{ .SilenceURL }}"
                               style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">
                                <img align="left" alt=""
                                     class="button-img"
                                     height="14" src=""
                                     style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: 14px; clear: both; display: block; height: 14px; vertical-align: sub; margin: 0 5px 0 0; border-style: none; border-width: 0;"
                                     width="14"/>
                                Silence
                            </a>
                            <br>
                            {{ end }}
                            {{ if .Annotations.runbook_url }}
                            <a class="button" href="{{ .Annotations.runbook_url }}"
                               style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">
                                <img align="left" alt="" class="button-img"
                                     height="14"
                                     src=""
                                     style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: 14px; clear: both; display: block; height: 14px; vertical-align: sub; margin: 0 5px 0 0; border-style: none; border-width: 0;"
                                     width="14"/>
                                View Runbook
                            </a>
                            <br>
                            {{ end }}
                            {{ if .DashboardURL}}
                            <a class="button" href="{{ .DashboardURL }}"
                               style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">
                                <img align="left" alt="" class="button-img"
                                     height="14"
                                     src=""
                                     style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: 14px; clear: both; display: block; height: 14px; vertical-align: sub; margin: 0 5px 0 0; border-style: none; border-width: 0;"
                                     width="14"/>
                                Go to Dashboard
                            </a>
                            <br>
                            {{ end }}
                            {{ if .PanelURL}}
                            <a class="button" href="{{ .PanelURL }}"
                               style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">
                                <img align="left" alt="" class="button-img"
                                     height="14"
                                     src=""
                                     style="outline: none !important; text-decoration: none !important; -ms-interpolation-mode: bicubic; width: 14px; clear: both; display: block; height: 14px; vertical-align: sub; margin: 0 5px 0 0; border-style: none; border-width: 0;"
                                     width="14"/>
                                Go to Panel
                            </a>
                            <br>
                            {{ end }}
                            {{ if gt (len .GeneratorURL) 0 }}<a class="button" href="{{ .GeneratorURL }}"
                                                                style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">Source</a>{{
                            end }}
                        </td>
                    </tr>
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left"
                            colspan="2"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top">
                            <div style="height: 24px;"></div>
                            <div style="background-color: #c7d0d9; height: 1px;"></div>
                            <div style="height: 24px;"></div>
                        </td>
                    </tr>
                    {{ end }}

                    {{ if gt (len .Message) 0 }}
                    {{ .Message }}
                    {{ else }}


                    <table class="row"
                           style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
                        <tr align="left" style="vertical-align: top; padding: 0;">
                            <td align="left"
                                class="twelve"
                                style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top">
                                <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                                    {{ if gt (len .Alerts.Firing) 0 }}
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="left" class="section-heading"
                                            colspan="2"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #2c3235; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 19px; font-size: 22px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0 0 32px;" valign="top">
                                            Firing: {{ .Alerts.Firing | len }} alert{{ if gt (len .Alerts.Firing) 1
                                            }}s{{ end }}{{ if gt (len .GroupLabels.SortedPairs) 1 }} for
                                            {{ range .GroupLabels.SortedPairs }}
                                            {{ .Name }}={{ .Value }}
                                            {{ end }}{{ end }}
                                        </td>
                                    </tr>
                                    {{ range .Alerts.Firing }}
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="center" bgcolor="#e02f44"
                                            class="status-tag status-firing"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #ffffff; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 68px; margin: 0; padding: 4px 8px;" valign="top" width="68">
                                            Firing
                                        </td>
                                        <td align="left"
                                            class="alert-label"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 19px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-decoration: underline; margin: 0; padding: 0 0 0 12px;" valign="middle">
                                            {{ .Labels.alertname }}
                                        </td>
                                    </tr>
                                    {{ template "alert" . }}
                                    {{ end }}
                                    {{ end }}
                                    {{ if gt (len .Alerts.Resolved) 0 }}
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="left" class="section-heading"
                                            colspan="2"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #2c3235; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 19px; font-size: 22px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0 0 32px;" valign="top">
                                            Resolved: {{ .Alerts.Resolved | len }} alert{{ if gt (len .Alerts.Resolved)
                                            1 }}s{{ end }}{{ if gt (len .GroupLabels.SortedPairs) 1 }} for
                                            {{ range .GroupLabels.SortedPairs }}
                                            {{ .Name }}={{ .Value }}
                                            {{ end }}{{ end }}
                                        </td>
                                    </tr>
                                    {{ range .Alerts.Resolved }}
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="center" bgcolor="#464c54"
                                            class="status-tag status-resolved"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #ffffff; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 68px; margin: 0; padding: 4px 8px;" valign="top" width="68">
                                            Resolved
                                        </td>
                                        <td align="left"
                                            class="alert-label"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 19px; font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-decoration: underline; margin: 0; padding: 0 0 0 12px;" valign="middle">
                                            {{ .Labels.alertname }}
                                        </td>
                                    </tr>
                                    {{ template "alert" . }}
                                    {{ end }}
                                    {{ end }}
                                    <tr align="left" style="vertical-align: top; padding: 0;">
                                        <td align="left"
                                            colspan="2"
                                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top">
                                            <a class="button" href="{{ .AlertPageUrl }}"
                                               style="color: #464c54; text-decoration: none; background-color: #f1f5f9; border-radius: 2px; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 5px 9px; border: 1px solid #c7d0d9;">Go
                                                to alerts page</a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    {{ end }}

                    </div>

                    </td>
                    </tr>
                </table>

                <table bgcolor="#2e2e2e"
                       class="footer center"
                       style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; color: #999999; width: 100%; margin: 0 auto; padding: 0;">
                    <tr align="left" style="vertical-align: top; padding: 0;">
                        <td align="left"
                            class="wrapper last"
                            style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; position: relative; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 10px 20px 0px 0px;" valign="top">
                            <table class="twelve columns center"
                                   style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px; margin: 0 auto; padding: 0;">
                                <tr align="left" style="vertical-align: top; padding: 0;">
                                    <td align="center" class="twelve"
                                        style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; width: 100%; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0px 0px 10px;"
                                        valign="top">
                                        <center style="width: 100%; min-width: 580px;">
                                            <p align="center"
                                               style="font-size: 12px; color: #999999; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0 0 10px; padding: 0;">
                                                Sent by <a href="{{.AppUrl}}"
                                                           style="color: #E67612; text-decoration: none;">Grafana
                                                v{{.BuildVersion}}</a>
                                                <br/>© 2022 Grafana Labs
                                            </p>
                                        </center>
                                    </td>
                                    <td align="left"
                                        class="expander"
                                        style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; visibility: hidden; width: 0px; color: #222222; font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; margin: 0; padding: 0;" valign="top"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </center>
        </td>
    </tr>
</table>
</body>
</html>
